<script lang="ts" setup>
import { useAppStore } from '@/mobile/stores/app';
import PageHeader from '@/mobile/components/PageHeader.vue';
import PageFooter from '@/mobile/components/PageFooter.vue';
import PopupCard from '@/mobile/components/PopupCard.vue';

const appStore = useAppStore();
</script>

<template>
  <img :src="appStore.config.headLogo" :alt="appStore.config.name" class="block h-0 w-0">
  <PopupCard />
  <PageHeader :type="$route.path !== '/' ? 'secondary' : ''" />
  <RouterView v-slot="{ Component, route }">
    <KeepAlive :include="['PageHome']">
      <Component :is="Component" :key="route.path" />
    </KeepAlive>
  </RouterView>
  <PageFooter />
</template>

<style lang="scss" scoped>
</style>
